<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Title</title>
    <link rel="stylesheet" href="css/login-style.css">
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>
<div class="header">
    <div>
        <div><img src="img/9.jpg" alt=""></div>
    </div>
</div>
<div class="content">
    <table style="border-collapse:separate; border-spacing:10px 10px;">
        <tr>
            <td><img src="img/1.png" alt="" style="height: 40%"></td>
            <td><input type="text" placeholder="输入姓名" size="15" maxlength="20" style="height: 40px"></td>
        </tr>
        <tr>
            <td><img src="img/2.png" alt="" style="height: 40%"></td>
            <td><input type="text" placeholder="输入手机号码" size="15" maxlength="20" style="height: 40px"></td>
        </tr>
        <tr>
            <td><img src="img/3.png" alt="" style="height: 40%"></td>
            <td><input type="text" placeholder="输入验证码" size="10" maxlength="20" style="float: left; height: 40px"><input type="button" value="获取验证码" id="button"></td>
        </tr>
    </table>
    <div>
        <span>登录</span>
    </div>
</div>
<div class="footer">
    <img src="img/4.png" alt="" style="width: 100%">
    <div class="zi">
        <span>广州力浦高科技有限公司<br>Copyright © 2016 lipuwater.com All rights reserved</span>
    </div>
</div>
<script src="js/login-js.js"></script>
</body>
</html>